<ul class=<?php if ($access->isLoggedin()) echo "headsup_panel_user"; else echo "headsup_panel"; ?>>
    <li class=col1>
        <h1>search the universe</h1>
    </li>
    <li class='col2 right'>
        <form action="<?php echo $this->base ?>/subjects/search/" method="post">
            <select name="search_type">
                <option value="0">Subjects</option>
				<option value="1">Tags</option>
            </select>
            <input type="search" name="subject" placeholder="Type Keyword">
            <button type="submit"> &nbsp; </button>
        </form>
    </li>
</ul>

<div class=profile_panel>

    <div class=tab_button>
        <button onclick="view()" name="myprofile" data-file="frame1">my profile</button>
        <button onclick="edit()" name="editprofile" data-file="frame2">edit profile</button>
        <button onclick="vote()" name="votingprofile" data-file="frame3">voting history</button>		
        <button onclick="univer()" name="universal" class=smaller data-file="frame4">universal research tool</button>
    </div>
    <ul class='frame_content clearfix'>
        <li id="view" ><!-- MY PROFILE -->
            <?php echo $this->element('my_profile'); ?>
        </li>
        <li id="edit"><!-- EDIT PROFILE -->
            <?php echo $this->element('edit_profile'); ?> 
        </li>
        <li id="vote"><!-- VOTING HISTORY -->
            <?php echo $this->element('voting_history'); ?> 
        </li>
        <li id="universal"><!-- UNIVERSAL RESEARCH TOOL -->
            <? #include 'manager/includes/urt_search2.php'; ?>
            <? #include 'manager/includes/urt_search1.php'; ?>
            <?php //echo $this->element('urt_results'); ?>
            <?php echo $this->element('research_tool'); ?>
        </li>
    </ul>

</div>

<script type="text/javascript">
    function vote()
    {
        document.getElementById('vote').style.display="block";
        document.getElementById('view').style.display="none";
        document.getElementById('universal').style.display="none";
        document.getElementById('edit').style.display="none";
    }
		
    function view()
    {
        document.getElementById('vote').style.display="none";
        document.getElementById('view').style.display="block";
        document.getElementById('universal').style.display="none";
        document.getElementById('edit').style.display="none";
    }
    function edit()
    {
        document.getElementById('vote').style.display="none";
        document.getElementById('view').style.display="none";
        document.getElementById('universal').style.display="none";
        document.getElementById('edit').style.display="block";
    }
    function univer()
    {
        document.getElementById('vote').style.display="none";
        document.getElementById('view').style.display="none";
        document.getElementById('universal').style.display="block";
        document.getElementById('edit').style.display="none";
    }
		
</script>